<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="../../js/lib/theme-chalk/index.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/my_commont.css" />
		<link rel="stylesheet" type="text/css" href="index.css" />

		<script src="../../common/utilCookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../common/author.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<!-- 引入组件库 -->
		<script src="../../js/lib/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/axios.min.js"></script>
		<script src="../../common/judegetEmpty.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/aixos-init.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/config.js" type="text/javascript" charset="utf-8"></script>
		<script src="index.js" type="text/javascript" charset="utf-8"></script>

		<style type="text/css">
			[v-cloak] {
				display: none;
			}
		</style>
	</head>
	<body>
		<div id="shopGoodStockApp" v-cloak>
			<div class="contaner" v-loading.fullscreen.lock="fullscreenLoading">
				<div class="section-header">
					商品 - - 待审核商品列表
				</div>
				<hr class="hr-style" />
				<div class="shop-good-type-tab">
					<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
						<el-tab-pane label="待审核商品列表" name="first">
							<div class="good-table">
								<el-table :data="goodLoacalStock" border style="width: 100%" @selection-change="handleSelectionChange">
									<el-table-column type="selection" width="60">
									</el-table-column>
									<el-table-column prop="uid" label="商品id" width="130">
									</el-table-column>
									<el-table-column prop="releaseDate" label="审核日期" width="120">
									</el-table-column>
									<el-table-column width="180" label="商品信息">
										<template slot-scope="scope">
											<div class="good-table-info">
												<el-image style="width: 60px; height: 60px" :src="scope.row.cover" fit="fill"></el-image>
												<p class="good-table-info-text">商品名称:{{scope.row.name}}</p>
												<p class="good-table-info-text">价格:{{scope.row.newPrice}}</p>
												<p class="good-table-info-text">规格:{{scope.row.describeTemplate}}</p>
											</div>
										</template>
									</el-table-column>
									<el-table-column prop="newPrice" label="价格">
									</el-table-column>
				
									<el-table-column prop="inventory" label="库存">
									</el-table-column>
									<el-table-column prop="unit" label="数量单位">
									</el-table-column>
									<el-table-column label="操作" width="200">
										<template slot-scope="scope">
											<el-button  @click="handleConfigClick(scope.row)" type="text" size="small">通过</el-button>
											<el-button  @click="handleDeleteClick(scope.row)" type="text" size="small">拒绝</el-button>

										</template>
									</el-table-column>
								</el-table>
								<div class="good-footer-style">
									<div>
										<el-button  @click="toggleSelection">通过</el-button>
									</div>
									<!-- <div>
										<el-pagination  @current-change="handleCurrentChange" :current-page="currentPage"
										 :page-size="10" layout="total,jumper" :total="totalSize">
										</el-pagination>
									</div> -->
								</div>
							</div>
						</el-tab-pane>
					</el-tabs>
				</div>
			    <el-dialog title="拒绝原因" :visible.sync="dialogFormVisible">
			      <el-form :model="form">
			        <el-form-item label="请填写拒绝原因" :label-width="formLabelWidth">
			          <el-input v-model="form.reason" autocomplete="off"></el-input>
			        </el-form-item>
			      </el-form>
			      <div slot="footer" class="dialog-footer">
			        <el-button @click="dialogFormVisible = false">取 消</el-button>
			        <el-button type="primary" @click="configRefuse">确认拒绝</el-button>
			      </div>
			   </el-dialog>  
			</div>
		</div>
	</body>
</html>
